<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<title>账单详情</title>
	<script type="application/javascript" src="/static/js/common.js"></script>
</head>
<body>
	<nav class="nav">
		<a class="button button-link left" onclick="history.back();">
			<svg class="icon" aria-hidden="true">
				<use xlink:href="#icon-fanhui-"></use>
			</svg>返回
		</a>
		<a class="button button-link right" onclick="history.go(0);">
			<svg class="icon" aria-hidden="true">
				<use xlink:href="#icon-zhuanfa-"></use>
			</svg>刷新
		</a>
		<h1 class="title">账单详情</h1>
	</nav>
	<div class="app-content">
		<div class="weui-msg">
			<div class="weui-form-preview">
				<div class="weui-form-preview__hd">
					<label class="weui-form-preview__label">总计金额</label>
					<em class="weui-form-preview__value" th:text="${book.getConsumePrice()}"></em>
				</div>
				<div class="weui-form-preview__bd">
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">消费名称</label>
						<span class="weui-form-preview__value" th:text="${book.getConsumeName()}"></span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">消费时间</label>
						<span class="weui-form-preview__value" th:text="${book.getConsumeTime()}"></span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">是否结算</label>
						<span class="weui-form-preview__value">
							<span class="" th:unless="${book.getClose()}">【未结算】</span>
                            <span class="" th:if="${book.getClose()}">【已结算】</span>
						</span>
					</div>
				</div>
			</div>
			<div class="weui-msg__opr-area">
				<p class="weui-btn-area">
					<a href="/index" class="weui-btn weui-btn_primary weui-btn_disabled">返回首页</a>
				</p>
			</div>
		</div>
	</div>
</body>
</html>
